<template>
    <div class='leftNav'>
        <ul>
            <li>
                <i class = 'icon iconfont icon-hanbao'></i>
                <div>商品</div>
            </li>
            <li>
                <i class = 'icon iconfont icon-dianpu'></i>
                <div>店铺</div>
            </li>
            <li>
                <i class = 'icon iconfont icon-31gouwuche'></i>
                <div>购物车</div>
            </li>
            <li>
                <i class = 'icon iconfont icon-shezhi'></i>
                <div>设置</div>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'leftNav'
}
</script>
<style scoped>
    .leftNav{
        color: #fff;
        font-size: 10px;
        height: 100%;
        background-color: #1DBCC0;
        float: left;
        width: 5%;
    }
    .iconfont{
        font-size: 24px;
    }
    .leftNav ul{
        padding: 0px;
        margin: 0px;
    }
    .leftNav li{
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #20a0ff;
        padding: 10px;
    }
</style>
